<html>
  <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>Google Maps API サンプル002</title>
    <!-- Google Maps APIの読み込み -->
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;hl=ja&amp;key=ABQIAAAA3HEaipgCJKasbKv8S1gdbBQJvmiF4_fYAiwv-0nW9Cym48ujhRSyNm4dRS6pZoq24h-LzB1RCTbVjg" type="text/javascript"></script>
    <script type="text/javascript">
    function initialize() {
      if (!GBrowserIsCompatible()) {
        alert("申し訳ありません、ご利用のブラウザはサポートしておりません。");
        return;
      }

      var map = new GMap2(document.getElementById("map_canvas")); // 地図オブジェクトの生成
      map.setCenter(new GLatLng(35.458608,139.635758), 15); // 中心位置の緯度経度とズームレベルの設定

      var ui = map.getDefaultUI();
      ui.maptypes.physical = false; // 「地形図」を削除
      ui.controls.scalecontrol = false; // 「縮尺」を削除
      map.setUI(ui); // カスタマイズしたUIを設定
      
      map.enableGoogleBar(); // 検索ボックスを設置

      map.enableContinuousZoom(); // スムーズなズーム操作 

      map.addControl(new GOverviewMapControl()); // 概観図を追加
      
      map.addControl(new GNavLabelControl(), new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10,30))); // 現在地表示ラベルを追加

      map.openInfoWindowHtml(map.getCenter(), 'Hello, World!');
    }
    </script>
  </head>
  <body onload="initialize()" onunload="GUnload()">
    <!-- 地図描画用のDIVタグ -->
    <div id="map_canvas" style="width:800px; height:600px;"></div>
  </body>
</html>
